<template>
  <div>
    <p>我是父组件</p>
    <p>这个是父组件的num{{num}}---{{num2}}</p>
   <son :value="num"  @input="val=>num=val"></son>

   <!-- 用v-model 语法糖实现 -->
   <input :v-model="uname" type="text" >
   <son :v-model="num"></son>

 <!-- 如果绑定多个组件时使用这个语法 -->
   <son :aa="num" :bb="num2"  @update:aa="val=num=val"  @update:bb="val=num2=val"></son>

<!-- 也可以使用.sync语法糖来实现绑定多个组件 -->
   <son :aa.sync="num" :bb.sync="num2"></son>


   
  </div>
</template>

<script>
import son from './son.vue'
export default {
    components:{
     son
    },
data(){
    return {
        uname:"rose",
        num:100,
        num2:200
    }
},
methods:{
// fn2(val){
//     this.num=val
//     }
}
}
</script>

<style>

</style>